.role {
    width: 100%;


    dl {
        margin-bottom: 20px;
        @mixin dlSpan() {
            height: 40px;
            display: flex;
            border: 1px solid #DBE7EE;

            .span1 {
                background: #edf4fb45;
                flex: 1.5;
                text-align: center;
                line-height: 40px;
            }

            .span2 {
                background: #edf4fb45;
                border-left: 1px solid #DBE7EE;
            }

            .span3 {
                background: #edf4fb45;
                border-left: 1px solid #DBE7EE;
            }

        }

        dt {
            @include dlSpan()
        }

        dd {
            @include dlSpan();
            margin-top: -1px;
        }

        span {
          display: flex;
          justify-content: center;
          align-items: center;
            flex: 1;

        }

    }
}